 .media {
     position: relative;
     overflow: hidden;
     .madia-bg {
         position: absolute;
         left: -49px;
         bottom: -190px;
         width: 662px;
         z-index: -1;
     }
     .list-warpper {
         .item-warpper {
             display: flex;
             margin-bottom: 56px;
             .item-icon {
                 width: 122px;
                 height: 52px;
                 line-height: 52px;
                 text-align: center;
                 border-radius: 10px;
                 background-color: #5287ff;
                 font-size: 14px;
                 color: #fff;
                 margin-right: 70px;
             }
             .item-info {
                 flex: 1;
                 cursor: pointer;
                 .item-title {
                     font-size: 30px;
                     letter-spacing: 3px;
                     margin-bottom: 15px;
                     transition: .35s all;
                     &:hover{
                        color: #ffb852;
                     }
                 }
                 .item-desc {
                     width: 708px;
                     color: #a8a7a7;
                     line-height: 26px;
                     font-size: 18px;
                     letter-spacing: 3px;
                     overflow: hidden;
                     text-overflow: ellipsis;
                     display: -webkit-box;
                     -webkit-line-clamp: 2;
                     -webkit-box-orient: vertical;
                 }
             }
         }
     }
 }